/* CSS Document */
/*public*/
*{ margin:0px; padding:0px; border:0px;}
ul,ol,li{ list-style-type:none; list-style-position:outside;}
body{ font-family:Arial, "宋体", "微软雅黑", "Microsoft YaHei", sans-serif; font-size:12px; color:#000000; background:url(../images/body_bg.jpg) repeat top center; background:#F3F3F3; line-height:24px;}
a{ text-decoration:none; color:#000000;}
a:hover{ text-decoration:none; color:#CC9900;}
.box{ width:1004px; margin:auto;}
.clr{ clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden;}
.company{ margin-top:12px; text-align:center;}
#footer a{ color:#000000;}
#footer a:hover{ text-decoration:none; color:#CC9900;}
form input{ border:1px solid #CCCCCC;}
form textarea{ border:1px solid #CCCCCC;}
/*public*/

.mt20{ margin-top:20px;}
.mt13{ margin-top:13px;}

#top{ background:url(../images/top_bg.jpg) repeat-x top center; width:100%; height:30px;}
.welcome{ float:left; display:inline; width:500px; text-align:left; height:30px; line-height:30px; color:#FFFFFF;}
.language{ float:right; display:inline; width:200px; text-align:right; height:30px; line-height:30px; color:#FFFFFF;}
.language a{ color:#FFFFFF;}
.language a:hover{ text-decoration:none; color:#CC9900;}

.phone{ float:right; display:inline; width:280px; text-align:right; height:46px; margin:43px 0px 0px 0px;}


#header{ background:#177DD2; height:130px; width:100%;}
.logo{ float:left; display:inline; width:431px; height:54px; margin:40px 0px 0px 0px;}
.menu_box{ width:1004px; height:45px; margin:0px; position:relative; overflow:hidden;}
.menu{ width:110%; height:45px; line-height:45px;}
.menu li{ float:left; display:inline; width:110px; height:45px; line-height:45px; text-align:center;}
.menu li a{ font-family:Arial,"微软雅黑", "Microsoft YaHei", "宋体", sans-serif; font-size:14px; font-weight:bold; color:#FFFFFF;}


#menu{ width:100%; height:; background:#177DD2; height:45px; line-height:45px; border-top:1px solid #FFFFFF;}


#banner{ width:100%; height:412px; position:relative; overflow:hidden; margin-top:1px;}
.banner{ width:1440px; height:412px; margin:auto;}
.banner_bottom{ text-align:center; height:64px;}

.i_about_box{ float:left; display:inline; width:496px;}
.i_about_head{ width:100%; height:37px; position:relative;}
.i_about_title{ width:200px; height:37px; position:absolute; left:0px; top:0px;}
.i_more{ position:absolute; right:2px; top:22px; width:31px; height:5px; text-align:right;}
.i_aboutus{ height:163px; width:100%; overflow:hidden; position:relative; margin-top:15px;}

.i_facility_box{ float:right; display:inline; width:491px;}
.i_facilit_list{ margin-top:10px; height:173px; position:relative; overflow:hidden; width:100%;}

.i_prod_bg{ background:url(../images/i_prod_bg.jpg) no-repeat top center; width:1004px; height:260px; position:relative;}
.en_i_prod_bg{ background:url(../images/en_i_prod_bg.jpg) no-repeat top center; width:1004px; height:260px; position:relative;}



.i_prod_box{ width:802px; height:240px; position:absolute; left:186px; top:8px;}
.i_prod_list{ width:110%; height:240px;}
.i_prod_list li{ float:left; display:inline; width:253px; height:29px; line-height:29px; border-bottom:1px dotted #8BBEE9; background:url(../images/prod_bg.gif) no-repeat left center; padding-left:16px;  overflow:hidden; white-space:nowrap; text-overflow: ellipsis; color:#FFFFFF;}
.i_prod_list li a{ color:#FFFFFF;}
.i_prod_list li  a:hover{ text-decoration:none; color:#CC9900;}

.i_contact_box{ float:left; display:inline; width:295px; background:url(../images/fg_bg.png) no-repeat right center; padding-right:40px; height:255px;}

.i_contact_head{ height:35px; width:100%; background:url(../images/line_contact.jpg) no-repeat left bottom; position:relative;}
.i_contact_title{ position:absolute; left:0px; top:0px; height:22px; line-height:22px; font-size:14px; font-weight:bold;}
.i_more2{ position:absolute; right:2px; top:12px; width:31px; height:5px; text-align:right;}

.i_contactus{ width:100%; margin-top:10px;}
.i_contactus p{ background:url(../images/con_bg.gif) no-repeat 1px center; padding-left:15px; border-bottom:1px dotted #000000; height:25px; line-height:25px;}

.i_honors_box{ float:left; display:inline; margin-left:5px; width:308px; background:url(../images/fg_bg.png) no-repeat right center; padding-right:40px; height:255px;}
.i_honors_head{ height:35px; width:100%; background:url(../images/line_honors.jpg) no-repeat left bottom; position:relative;}

.i_zljc_box{ float:right; display:inline; width:306px;}
.i_zljc_head{ height:35px; width:100%; background:url(../images/line_zljc.jpg) no-repeat left bottom; position:relative;}

#nav{ width:100%; height:35px; line-height:35px; background:#177DD2;}
.nav{ width:100%; text-align:center; height:35px; line-height:35px; color:#FFFFFF;}
.nav a{ color:#FFFFFF;}
.nav a:hover{ text-decoration:none; color:#CC9900;}

#fppter{ width:100%; height:35px; line-height:35px;}
.footer{ width:100%; text-align:center; height:35px; line-height:35px;}


.left{ float:left; display:inline; width:290px; margin:0px;}
.right{ float:right; display:inline; width:694px;}

.left_title{ width:100%; text-align:center; height:131px;}
.left_box{ background:#177DD2; padding-bottom:14px;}

.left_list{ width:277px; padding-left:7px;}
.left_list li{ background:url(../images/prod_bg.gif) no-repeat 8px center; padding-left:26px; height:29px; line-height:29px; border-bottom:1px dotted #8BBEE9; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; color:#FFFFFF;}
.left_list li a{ color:#FFFFFF;}

.right_head{ height:37px; width:100%; position:relative;}
.right_title{ position:absolute; left:0px; top:0px; width:181px; height:37px;}
.right_name{ position:absolute; right:0px; top:15px; width:497px; height:17px; text-align:right;}


/*facility*/
.facility{ margin-top:0px; margin-left:0px; font-family:Arial, "宋体", sans-serif, "微软雅黑"; font-size:12px; width:772px; line-height:0px;}
.facility img{ max-width:300px; min-width:225px; width:auto!important; min-height:180px; height:auto!important;}
.facil_img_a{ width:300px; height:225px; border:#CC9900 1px dotted; padding:5px;}
.facil_img_a a{ display:block; width:300px; height:225px; overflow:hidden;}
.facility li{ float:left; display:inline; margin-right:70px; width:310px; height:255px; margin-top:20px;}
.list_name{ color:#FFFFFF; text-align:center; width:100&;}
.facility_page{ height:20px; line-height:20px; text-align:center; margin-top:10px; padding-bottom:10px;}
.products_show{ margin-top:10px; font-family:Arial, "宋体", sans-serif, "微软雅黑"; font-size:12px; width:100%;}
.facility_img{ text-align:center; margin-top:10px;}
.facility_img img{ width:auto; text-align:center; max-width:670px; height:auto!important;}
/*facility*/

.honors{ margin-top:0px; margin-left:0px; font-family:Arial, "宋体", sans-serif, "微软雅黑"; font-size:12px; width:772px; line-height:0px;}
.honors img{ max-width:300px; min-width:225px; width:auto!important; min-height:180px; height:auto!important;}
.honors_img_a{ width:300px; height:207px; border:#CC9900 1px dotted; padding:5px;}
.honors_img_a a{ display:block; width:300px; height:207px; overflow:hidden;}
.honors li{ float:left; display:inline; margin-right:70px; width:310px; height:255px; margin-top:20px;}

.prod_content table tr td{ padding:5px; word-wrap:break-word;word-break:break-all;}
.products_head{ height:30px; line-height:30px; width:100%; text-align:center; font-weight:bold;}

/*news*/
.news{ width:100%; margin-left:0px; margin-top:0px;}
.news li{ background:url(../images/con_bg.gif) no-repeat left center; padding-left:15px; border-bottom:1px #4B3523 dashed; height:30px; line-height:30px; position:relative; vertical-align:middle;}
.news li span{ position:absolute; right:5px; top:0px; display:block; width:200px; text-align:right; height:30px; line-height:30px;}
/*news*/

.ewm{ float:left; display:inline; width:100px; margin-left:140px; text-align:center; color:#FFFFFF; margin-top:10px;}
.ewm img{ width:90px; height:90px;}